<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8"%>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link rel="stylesheet icon" type="text/css" href="${pageContext.request.contextPath}/admin/images/favicon.ico">
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.js"></script>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/base.css">
        <link rel="stylesheet" href="css/index.css">
        <link rel="stylesheet" href="css/two_common.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>花礼网</title>
    </head>
<body>
    <!-- 导航条start -->
    <%@include file="header.jsp"%>
    <!-- 导航条end -->

    <!-- 面包屑start -->
    <div class="container bread">
        <div class="col-sm-12">            
            <a href="index.jsp">首页</a> &nbsp;&nbsp;
            &gt;&nbsp;&nbsp;
            <span>${typename}</span>
        </div>
    </div>
    <!-- 面包屑end -->

    <!-- 列表start -->
    <div class="container listN">
        <form role="form" class="form-horizontal">
            <div class="onelist form-group ">
                <div class="onelist-left col-xs-3 col-sm-2 col-lg-2">分类：</div>
                <div class="onelist-right col-xs-9 col-sm-9 col-lg-9"><a href="#">${typename}</a></div>
            </div>
            <div class="onelist form-group ">
                <div class="onelist-left col-xs-3 col-sm-2 col-lg-2">服务优惠：</div>
                <div class="onelist-right col-xs-9 col-sm-9 col-lg-9">
                    <a href="">仅看有货</a>
                    <a href="">分期免息</a>
                    <a href="">优惠商品</a>
                </div>
            </div>
        </form>

    </div>
    <!-- 列表end -->
    
    <!-- 商品模块start -->
    <div class="container">
        <form role="form" class="form-horizontal box1">
            <!-- 第一行 -->
            <div class="form-group ">
                <ul>
                    <c:forEach items="${glist}" var="g" varStatus="i">
                        <li class="col-xs-6 col-sm-6 col-md-3 col-lg-3 libox">
                            <a href="${pageContext.request.contextPath}/getGoodsById?id=${g.id}" target="_self" style="text-decoration: none">
                                <!-- 需要有图片、名称、价格、店铺名、评分、鼠标移动突出当前项 -->
                                <div class="box2 text-center" style=" background-color: #FFF;">
                                    <p style="padding-top: 10px;"><img src="image/${g.picture}" alt="" class="" style="width: 190px;height: 190px;"></p>
                                    <p class="box2-1">${g.name}</p>
                                    <p class="box2-2">
                                        <b>￥${g.price}</b>
                                    </p>
                                    <p class="box2-3">
                                        <span>节日佳礼</span>
                                    </p>
                                    <p class="box2-4">
                                        <span>上架时间</span>
                                        <span>${g.pubdate}</span>
                                    </p>

                                </div>
                            </a>
                        </li>
                    </c:forEach>


                </ul>
            </div>
        </form>

    </div>
    <!-- 商品模块end -->

    <!-- 页脚start -->
    <%@include file="footer.jsp"%>
</body>
</html>